<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onchange事件</title>
    <script type="text/javascript">
        /*onchange内容发生改变事件:
            常用于下拉列表和输入框内容发生改变后操作*/
        //静态注册onchange事件
        function onchangeFun() {
            alert("女神已经改变");
        }
        //动态注册onchange事件
        window.onload = function () {
            var manGod = document.getElementById("seMan");
            manGod.onchange = function () {
                alert("男神已经改变");
            }
        }
    </script>
</head>
<body>
    <h4>请选择你心中的女神: </h4>
    <select onchange="onchangeFun()">
        <option>杨幂</option>
        <option>李冰冰</option>
        <option selected="selected">范冰冰</option>
        <option>苍井空</option>
    </select>

    <h4>请选择你心中的男神: </h4>
    <select id="seMan">
        <option>周杰伦</option>
        <option>胡歌</option>
        <option selected="selected">李小龙</option>
        <option>甄子丹</option>
    </select>
</body>
</html>